<script type="text/javascript" src="/templates/ip_js.js"></script>
<script type="text/javascript" src="/templates/include/jquery.ui.datepicker-it.js"></script>
<script type="text/javascript">
  $(document).ready(function(){
    $("div#step2").hide()
    $("div#step3").hide()
    $("div#step4").hide()
    $("div#step6").hide()
    $("div#stampa").hide()
    $("div#stampa2").hide()

  $(function() {
    $('#data_inizio_trattamento').datepicker({
        altFormat: 'dd mm yy'});
        });



 /* $('#ex2').jqm({
      ajax: '@href', trigger: 'a.ex2trigger',
      });
*/

    $(".toStep1").click(function() {
            $("div#step1").show()
            $("div#step2").hide()
            $("div#step3").hide()
            $("div#step6").hide()
            $("div#step4").hide()
            $("div#stampa").hide()
            $("div#stampa2").hide();
            $("#liStep1").addClass("evi");
         //   $("#liStep2").removeClass("evi");
            $("#liStep3").removeClass("evi");
            $("#liStep4").removeClass("evi");
            $("#liStep5").removeClass("evi");
    });

    $(".toStep2").click(function() {
            $("div#step1").hide()
            $("div#step2").show()
            $("div#step3").hide()
            $("div#step6").hide()
            $("div#step4").hide()
            $("div#stampa").hide()
            $("div#stampa2").hide();

         /*   $("#liStep1").addClass("evi");
            $("#liStep1").removeClass("evi");
            $("#liStep2").removeClass("evi");
            $("#liStep3").removeClass("evi");
            $("#liStep4").removeClass("evi");
            $("#liStep5").removeClass("evi");
            $("#liStep6").removeClass("evi");
            */
    });



    $(".toStep3").click(function() {
            $("div#step1").hide();
            $("div#step2").hide();
            $("div#step3").show();
            $("div#step4").hide();
            $("div#step6").hide();
            $("div#stampa").hide();
            $("div#stampa2").hide();

            $("#liStep3").addClass("evi");
            $("#liStep1").removeClass("evi");
       //     $("#liStep2").removeClass("evi");
            $("#liStep4").removeClass("evi");
            $("#liStep5").removeClass("evi");
            $("#liStep6").removeClass("evi");
    });

    $(".toStep6").click(function() {
            $("div#step1").hide();
            $("div#step2").hide();
            $("div#step3").hide();
            $("div#step4").hide();
            $("div#step6").show();
            $("div#stampa").hide();
            $("div#stampa2").hide();

            $("#liStep6").addClass("evi");
            $("#liStep1").removeClass("evi");
       //     $("#liStep2").removeClass("evi");
            $("#liStep3").removeClass("evi");
            $("#liStep4").removeClass("evi");
            $("#liStep5").removeClass("evi");
    });


    $(".anteprima").click(function() {
            $("div#step1").hide()
            $("div#step2").hide()
            $("div#step3").hide()
            $("div#step6").hide()
            //$("div#step4").hide()
            $("div#stampa").hide()
            $("div#stampa2").hide()
            var fields = $(":input").serializeArray();
            $('div#step5').load('/anteprima_metodo',{"stampa":"0", "f":fields});
            $('div#step5').show()
            $("div#step4").show()

            $("#liStep4").addClass("evi");
            $("#liStep1").removeClass("evi");
         //   $("#liStep2").removeClass("evi");
            $("#liStep3").removeClass("evi");
            $("#liStep5").removeClass("evi");
            $("#liStep6").removeClass("evi");
    });

    $(".stampa").click(function() {
            $("div#step1").hide()
            $("div#step2").hide()
            $("div#step3").hide()
            $("div#step6").hide()
            $('div#step5').hide()
            $("div#step4").hide()
            //$("div#step4").hide()
            var fields = $(":input").serializeArray();
            $('div#stampa2').load('/anteprima_metodo',{"stampa":"1", "f":fields});
            $('div#stampa').show()
            $('div#stampa2').show()

            $("#liStep5").addClass("evi");
            $("#liStep1").removeClass("evi");
          //  $("#liStep2").removeClass("evi");
            $("#liStep3").removeClass("evi");
            $("#liStep4").removeClass("evi");
            $("#liStep6").removeClass("evi");
    });


});
</script>

{% include "giustopeso/azioni_prof.html" with context %}
<br>
<!-- <span class="testa"><h1>{{pageData["dao"].ragione_sociale}}</h1></span></br /> -->
<div id="metodo">
    <form id="questionario" action="/anteprima_metodo" method="post">
    <input type="hidden" name="id_cliente" value="{{pageData['dao'].id}}"/>
    <div id="headNav3">
    <ul id="pageNav3">
        <li id="liStep1" class="evi"><a class="toStep1" href="#">INFO GENERALI</a></li>
    <!-- <li><a class="toStep2" href="#">CARNE E PESCE</a></li>-->
        <li id="liStep3"><a class="toStep3" href="#">MICRO NUTRIENTI</a></li>
        <li id="liStep6"><a class="toStep6" href="#">PARTI GENERICHE</a></li>
        <li id="liStep4"><a class="anteprima" href="#">ANTEPRIMA</a></li>
        <li id="liStep5" class="last"><a class="stampa" href="#">STAMPA</a></li>
    </ul>
    </div>
    <div id="corpoNav3">

    <div id="step1">
    <b class="titoletto">GIORNATA TIPO:</b><br>
    <div class="div_box">
    <table cellpadding="2" cellspacing="0" border="0" width="" align="center" class="tbl_pesata3">
    <tr>
        <td colspan="2" class="Div01"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td align="left" width="120">Cognome e Nome:</td>
        <td align="left">{{pageData["dao"].ragione_sociale}}</td>
    </tr>

    <tr>
        <td colspan="2" class="Div02"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
     <tr>
        <td align="left">Data Inizio trattamento:</td>
        <td align="left"><input type="text" id="data_inizio_trattamento" name="data_inizio_trattamento" value ="" /></td>
    </tr>

    <tr>
        <td colspan="2" class="Div02"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
       <td align="left">Genere:</td>
        <td align="left"><input type="radio" name="genere" CHECKED value="Donna"/> Donna &nbsp;&nbsp;
        <input type="radio" name="genere" value="Uomo"/> Uomo</td>
    </tr>

    <tr>
        <td colspan="2" class="Div02"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
       <td align="left">Tipo trattamento:</td>
       <td align="left"><select name="tipo_trattamento">
                        {% for t in pageData["trattamenti"] %}
                        {% endfor %}
                        <option value="STANDARD">STANDARD</option>
                        <option value="DINAMICO">DINAMICO</option>
                        <option value="........">........</option>
    <!--
                        <option value="MANTENIMENTO">MANTENIMENTO</option>
    -->
                        </select></td>
    </tr>

    <tr>
        <td colspan="2" class="Div02"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
       <td align="left">
           Numero settimane:</td>
       <td align="left">
           <select name="numero_settimane">
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value="7">7</option>
                        <option value="8">8</option>
                        <option value="9">9</option>
                        <option value="10">10</option>
                        <option value="....">....</option>
                        </select></td>
    </tr>

    <tr>
        <td colspan="2" class="Div01"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td colspan="2"><br/>
    <p>Questo piano alimentare richiede controlli periodici e va rispettato scrupolosamente</p>
    <p>Questo piano alimentare prevede un numero minimo di pasti stabiliti in base
    a sesso, età ed attività fisica</p>
    </td>
    </tr>

    <tr>
        <td colspan="2" class="Div01"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
       <td align="left">Numero Pasti:</td>
       <td align="left"><select class="numero_pasti" name="numero_pasti">
                        <option value="4">4</option>
                        <option value="5">5</option>
                        <option value="6">6</option>
                        <option value=".... ">....</option>
                        </select></td>
    </tr>
    </table>
    <!--
    <button class="indietro" type="button">INDIETRO</button>
    -->
    </div><br>
    <button style="float:right;margin-right:20px;" class="toStep3" type="button">AVANTI</button>
    </div>



    <div id="step2">
    <b class="titoletto">CARNE / PESCE:</b><br>
    <div class="div_box">
    <table cellpadding="2" cellspacing="0" border="0" width="" align="center" class="tbl_pesata3">
    <tr>
        <td colspan="2" class="Div01"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td colspan="2" align="left">

    <p>Nelle quantità massime indicate ( Questa sezione non apparirà nel piano standard )</p>

        </td>
    </tr>
    <tr>
        <td colspan="2" class="Div01"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    </table>
    </div>

    <br><br>

    <b class="titoletto">CARNE FRESCA:</b><br>
    <div class="div_box">
    <p>
        <div class="carne">Agnello:<input  type="text" name="agnello" size="4" value='80' />gr ""</div>
        <div class="carne">Anatra:<input  type="text" name="anatra" size="4" value='80' />gr &nbsp;</div>
        <div class="carne">Capretto:<input  type="text" name="capretto" size="4" value='80' />gr &nbsp;</div>
        <div class="carne">Carne Bovina:<input  type="text" name="carne_bovina" size="4" value='80' />gr &nbsp;</div>
        <div class="carne">Carpaccio Manzo:<input  type="text" name="carpaccio_manzo" size="4" value='80' />gr &nbsp;</div>
        <div class="carne">Carpaccio vitello:<input  type="text" name="carpaccio_vitello" size="4" value='80' />gr &nbsp;</div>
        <div class="carne">Cavallo:<input  type="text" name="cavallo" size="4" value='80' />gr &nbsp;</div>
        <div class="carne">Coniglio:<input  type="text" name="coniglio" size="4" value='80' />gr &nbsp;</div>
        <div class="carne">Coscia Pollo:<input  type="text" name="coscia_pollo" size="4" value='80' />gr &nbsp;</div>
        <div class="carne">Coscia Tacchino:<input  type="text" name="coscia_tacchino" size="4" value='80' />gr &nbsp;</div>
        <div class="carne">Fagiano:<input  type="text" name="fagiano" size="4" value='80' />gr ""</div>
    </p>

    </div>
    <br>
    <button class="toStep1" type="button">INDIETRO</button>
    <button style="float:right;margin-right:20px;" class="avanti" type="button">AVANTI</button>
    </div>



    <div id="step3">
    <b class="titoletto">MICRO NUTRIENTI:</b><br>
    <div class="div_box">
    <table cellpadding="2" cellspacing="0" border="0" width="" align="center" class="tbl_pesata2">
    <tr>
        <td colspan="2" class="Div01"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td align="left">MULTI VITAMINICO:</td>
        <td align="left"><select class="multi_vitaminico" name="multi_vitaminico">
                        <option value="1" SELECTED  >1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="4">4</option>
                        <option value="....">.....</option>
                        </select></td>
    </tr>
    <tr>
        <td colspan="2" class="Div02"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td align="left">CALCIO:</td>
        <td align="left"><select class="calcio" name="calcio">
                        <option value="1">1</option>
                        <option value="2">2</option>
                        <option value="3">3</option>
                        <option value="......">.....</option>
                        <option value="4" SELECTED  >4</option>
                        </select></td>
    </tr>
    <tr>
        <td colspan="2" class="Div02"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td align="left">POTASSIO:</td>
        <td align="left"><select class="potassio" name="potassio">
                        <option value="1" >1</option>
                        <option value="2" SELECTED  >2</option>
                        <option value="3" >3</option>
                        <option value="4" >4</option>
                        <option value="......" >......</option>
                        </select></td>
    </tr>
    <tr>
        <td colspan="2" class="Div01"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    </table>
    </div>
    <br>
    <button class="toStep1" type="button">INDIETRO</button>
    <button style="float:right;margin-right:20px;" class="toStep6" type="button">AVANTI</button>

    </div>

    <div id="step6">
    <b class="titoletto">PARTI GENERICHE:</b><br>
    <div class="div_box">

    <table cellpadding="2" cellspacing="0" border="0" width="" align="center" class="tbl_pesata2">
    <tr>
        <td colspan="2" class="Div01"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td align="left">SETTIMANA TIPO</td>
        <td align="left"><input type="checkbox" name="settimana_tipo" CHECKED /></td>
    </tr>
    <tr>
        <td colspan="2" class="Div02"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td align="left">CONSIGLIO ACQUA</td>
        <td align="left"><input type="checkbox" name="consiglio_acqua" CHECKED /></td>
    </tr>
    <tr>
        <td colspan="2" class="Div02"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td align="left">RACCOMANDAZIONI</td>
        <td align="left"><input type="checkbox" name="raccomandazioni" CHECKED /></td>
    </tr>
    <tr>
        <td colspan="2" class="Div02"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td align="left">SUGGERIMENTI</td>
        <td align="left"><input type="checkbox" name="suggerimenti" CHECKED /></td>
    </tr>
    <tr>
        <td colspan="2" class="Div02"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td align="left">TABELLA PESI</td>
        <td align="left"><input type="checkbox" name="tabella_pesi" CHECKED /></td>
    </tr>
    <tr>
        <td colspan="2" class="Div02"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td align="left">DIARIO ALIMENT.</td>
        <td align="left"><input type="checkbox" name="diario_alimentare" CHECKED /></td>
    </tr>
    <tr>
        <td colspan="2" class="Div02"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td align="left">NOTE </td>
        <td align="left"><input type="checkbox" name="note" CHECKED /></td>
    </tr>
    <tr>
        <td colspan="2" class="Div02"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td align="left">DISCLAIMER</td>
        <td align="left"><input type="checkbox" name="disclaimer" CHECKED /></td>
    </tr>
    <tr>
        <td colspan="2" class="Div02"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    <tr>
        <td align="left">EDUCATIONAL</td>
        <td align="left"><input type="checkbox" name="educational" CHECKED /></td>
    </tr>
    <tr>
        <td colspan="2" class="Div01"><img src="/templates/giustopeso/img/trasparente.gif" border="0" width="10" height="9"></td>
    </tr>
    </table>
    </div><br>

    <button class="toStep3" type="button">INDIETRO</button>
    <button style="float:right;margin-right:20px;" class="anteprima" type="button">AVANTI</button>
    </div>


    <div id="step4">
    <b class="titoletto">ANTEPRIMA</b><br>
    <div class="div_box"> <br><br>

        <div id="step5">

        <p>CREAZIONE ANTEPRIMA .......</p>
        <img src="/templates/giustopeso/img/loading.gif" border="0">
        </div>

    </div>
    <br>

    <button class="toStep6" type="button">INDIETRO</button>
    <button style="float:right;margin-right:20px;" class="stampa" type="button">STAMPA</button>

    </div>


    <div id="stampa">
        <div id="stampa2">
            <p>CREAZIONE PDF .......</p>
            <img src="/templates/giustopeso/img/loading.gif" border="0">
        </div>
        <br /><p>Clicca sull'immagine per aprire e stampare il pdf</p>
        <button class="anteprima" type="button">INDIETRO</button>
    </div>
    <br />
    <br>
    </div>
    <!--
    <input type="submit" name="stampa_questionario" value="CHIUDI" />
    -->
    <!--
    <input type="reset" value="Azzera" name="submit" />
    -->
    </form>


</div>
